<template>
  <div class="main-box">
    <InterfaceCat></InterfaceCat>
    <div class="table-box">
      <InterfaceTabs></InterfaceTabs>

      <div class="table-container" v-show="showSceneList">
        <InterfaceList></InterfaceList>
      </div>

      <Scene></Scene>
    </div>

  </div>

</template>

<script setup name="InterfaceScene">
import {ref} from "vue";
import {useInterfaceSceneStore} from "@/stores/modules/interface/interfaceScene.js";
import {storeToRefs} from "pinia";
import InterfaceCat from "@/views/interface/interfaceScene/components/sceneCat/index.vue";
import InterfaceList from "@/views/interface/interfaceScene/components/sceneList/index.vue";
import InterfaceTabs from "@/views/interface/interfaceScene/components/sceneTabs/index.vue";
import Scene from '@/views/interface/interfaceScene/components/scene/index.vue'


const interfaceSceneStore = useInterfaceSceneStore()
const {
  showSceneList,
  interfaceSceneData
} = storeToRefs(interfaceSceneStore)

</script>

<style>
@import "index.scss";
</style>
